$(function () {

    $("#sub").click(function () {
        //准备数据
        let url = "http://127.0.0.1:4000/api/add_comment"
        let data = {
            //$("#username").val() 返回的值已经是字符串  所以不需要加引号
            username: $("#username").val(),
            comment: $("#comment").val(),
            date: new Date()
        }
        if ($("#username").val().length === 0) {
            alert("用户名不能为空！")
            return
        }
        if ($("#comment").val().length === 0) {
            alert("评论不能为空！")
            return
        }

        $.post(url, data, function (res) {
            console.log(res);
            let arr = JSON.parse(res)
            console.log(arr);

            let tab = $(`<table border='1' cellpadding="0" cellspacing='0'></table>`)
            tab.append(`<tr>
           <th>用户名</th>
           <th>评论</th>
           <th>时间</th>
           </tr>
           `)
            $(arr).each(function () {
                tab.append(`<tr>
            <td>${this.username}</td>
            <td>${this.comment}</td>
            <td>${this.date}</td>
            </tr> `)
            })

            $(".list").append(tab)
        })

    })
})